import React,{ Component } from 'react';

import './UserCard.scss';

export default class UserCard extends Component{
	constructor (props) {
		super(props)
		this.state = {
			nowType: 1
		}
	}
  render() {
    return (
      <a href={`./customer?account_user_id=${this.props.userDetail.account_user_id}&employee_id=${this.props.userDetail.employee_id}`} className='user-card'>
        <div className="user-left--group">
          <img src={this.props.userDetail.avatar} alt='略略略' />
          <div className='left-group--conetent'>
            <span>{this.props.userDetail.account_note}</span>
            <div>{this.props.userDetail.follow_date}</div>
          </div>
        </div>
        <div className="user-right--group">
          <span>AI成交率{this.props.userDetail.employee_expect_closing}%</span>
          <div>预计成交时间：{this.props.userDetail.employee_expect_closing_date}</div>
        </div>
      </a>
    )
  }
}
